<html xmlns:wicket="http://wicket.apache.org">
<head>
    <title>Wicket Examples - upload</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
	<style>
		legend { border: 1px solid #e9601a; background-color: #bbb; color: #fff; padding: 4px;}
		fieldset { border: 1px solid #e9601a; padding: 10px; margin-top: 10px;}
		.mfuex { padding:5px;margin:5px;background:#eee; }
		.mfuex .wicket-mfu-container { padding: 5px; margin-top: 3px; background-color: white; border:1px solid black; font-size: xx-small; }
		.mfuex .wicket-mfu-caption { font-weight: bold; }
		.mfuex .wicket-mfu-container input { margin-left: 5px; font-size: xx-small; }
	</style>
</head>
<body>
    <span wicket:id="mainNavigation"/>

	<p>The multi upload field is based on javascript found <a target="_blank" href="http://the-stickman.com/web-development/javascript/upload-multiple-files-with-a-single-file-element/">here</a>.<br /><br />
	Wicket can also handle file uploads via AJAX, please see AJAX examples section. AJAX Functionality is not included in this example to keep things simple.</p>
	<p>The maximum file size of a single upload is: 90k!</p>
	<p>The maximum size of uploading several files (third demo) is: 100k!</p>
	<br/>

    <form wicket:id="simpleUpload">
	 <fieldset>
	  <legend>Upload form</legend>
    	<p>
	    <div wicket:id="fileInput" class="mfuex"/>
	    </p>
	    <input type="submit" value="Upload!"/>
	 </fieldset>
    </form>

	 <div>
		<span wicket:id="uploadFeedback"/>
	 </div>

    <div>
      <h4>Current files in <span wicket:id="dir">(dir)</span>:</h4>
      <table>
        <tr wicket:id="fileList">
            <td width="200"><span wicket:id="file">(file)</span></td>
            <td><a href="#" wicket:id="delete"><img src="delete.gif" border="0"/></a></td>
        </tr>
      </table>
    </div>




</body>
</html>
